<template>
  <div id="jsmb">
    <!-- tit-s -->
    <div class="tit">
      <h2>建设目标</h2>
      <div class="empty-box"></div>
      <p>建设“人过留影、车过留痕”的“全时段、全方位、无盲点”立体化防控体系，有效提升了社区治安防控水平。</p>
    </div>
    <!-- tit-e -->
    <!-- con-s -->
    <div class="con">
      <div class="con-tit">
        <h2>依托安防智能化、云计算、大数据、物联网等技术，对社区内人、地、事、物、情、组织全方位数据化，建立以小区人、车、房、单位为主，多种数据资源关联叠加的资源服务体系，实现小区基层治理的精细化，智能化，全面化，提升公安机关治安防控，快速处置，精准打击和便捷服务的能力，全面提升对各种矛盾及违法犯罪行为的自动识别，敏锐感知和预测预警预防能力。</h2>
      </div>
      <div class="con-con">
        <!-- top-s -->
        <div class="top">
          <div class="xxcj">
            <h2>信息采集更加智能</h2>
            <p>通过科学布建，拓宽防控覆盖面，全方位采集“一标三实”、人员车辆进出记录、人脸、车牌等多维度数据，扭转社区信息采集难等实际问题。</p>
          </div>
          <div class="img-box">
            <img src="https://www.1nuoyun.com/uploadfile/2021/09/24/20210924161337LVMp4G.png" alt="">
          </div>
          <div class="djff">
            <h2>打击防范更加精准</h2>
            <p>结合治安业务警种的需求，整合社区内房屋、人口、单位、出行等各类数据，为基层民警打造多种技战法模型，更主动地进行事前防范，预测预警，解决社区安全防范难，打击难的现实难题。</p>
          </div>
        </div>
        <!-- top-e -->
        <!-- bot-s -->
        <div class="bot">
          <h2>社区治理更加精准</h2>
          <p>通过对社区各类人口信息的动态采集、更新和维护，实现居民与政府的良好互动，形成实时、敏捷、长效的管理机制，真正做到社区“底数清、情况明”。</p>
        </div>
        <!-- bot-e -->
      </div>
    </div>
    <!-- con-e -->
  </div>
</template>

<script>
  export default {
    name: "Jsmb",
    data() {
      return {
        
      }
    }
  }
</script>

<style lang="scss" scoped>

  @import "assets/scss/public";

  #jsmb {
    width: 62.5%;
    margin: 4rem auto;
    .tit {
      .empty-box {
        background: linear-gradient(90deg, #2f6bee, #009fff);
      }
    };
    .con {
      padding: 4rem;
      box-shadow: 0 0 1rem #f5f5f5;
      .con-tit {
        margin-bottom: 3.2rem;
        h2 {
          font-size: 1.6rem;
          font-weight: 1000;
          color: #333;
          text-align: justify;
        }
      };
      .con-con {
        .top {
          display: flex;
          justify-content: space-between;
          margin-bottom: 2.4rem;
          .xxcj {
            width: 56rem;
            h2 {
              font-size: 2.4rem;
              font-weight: 1000;
              color: #0B47D8;
              margin-bottom: 1.6rem;
            };
            p {
              font-size: 1.6rem;
              color: #666;
              text-align: justify;
            }
          };
          .djff {
            width: 56rem;
            h2 {
              font-size: 2.4rem;
              font-weight: 1000;
              color: #0B47D8;
              margin-bottom: 1.6rem;
            };
            p {
              font-size: 1.6rem;
              color: #666;
              text-align: justify;
            }
          }
        };
        .bot {
          width: 56rem;
          margin: 0 auto;
          text-align: center;
          h2 {
            font-size: 2.4rem;
            font-weight: 1000;
            color: #0B47D8;
            margin-bottom: 1.6rem;
          };
          p {
            font-size: 1.6rem;
            color: #666;
            text-align: justify;
          }
        }
      }
    };
    .con:hover {
      transition-duration: 0.3s;
      transform: translateY(-0.5rem);
    }
  }

</style>